<div class="card bg-base-100 gap-3 w-4xl mx-auto flex flex-col items-center rounded-xl shadow-xl p-10">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
        class="size-32 text-error">
        <path stroke-linecap="round" stroke-linejoin="round"
            d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
    </svg>
    <h1 class="card-title text-4xl justify-center">Not found</h1>
    <p class="card-body text-xl text-center">Sorry, what you are looking for cannot be found</p>
    <button class="btn btn-primary" (click)="goBack()">Go back</button>

</div>